<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basepath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>商铺租赁信息调整</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="<%=basepath%>css/index.css" rel="stylesheet" type="text/css">
    <link href="<%=basepath%>css/platform.css" rel="stylesheet" type="text/css">
    <script src="<%=basepath%>js/jquery-1.8.3.min.js"></script>
    <script src="<%=basepath%>js/layer/layer.js"></script>
    <!--mobiscrol-->
    <script src="<%=basepath%>js/dev/js/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
    <script src="<%=basepath%>js/dev/js/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
    <link href="<%=basepath%>js/dev/css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
    <link href="<%=basepath%>js/dev/css/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
    <script src="<%=basepath%>js/dev/js/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
    <script src="<%=basepath%>js/dev/js/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
    <!--ios-->
    <script src="<%=basepath%>js/dev/js/mobiscroll.ios-2.5.1.js" type="text/javascript"></script>
    <link href="<%=basepath%>js/dev/css/mobiscroll.ios-2.5.1.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            var currYear = new Date().getFullYear();
            $('#demo').mobiscroll().date({
                theme: 'ios',
                lang: 'zh',
                display: 'bottom',
                dateFormat: 'yyyy-mm-dd', // 日期格式
                dateOrder: 'yymmdd', //面板中日期排列格式
                defaultValue: new Date(new Date().setFullYear(currYear - 20)),
                maxDate: new Date(new Date().setFullYear(currYear + 100)),
                minDate: new Date(new Date().setFullYear(currYear - 10))
            });
            $('#demo2').mobiscroll().date({
                theme: 'ios',
                lang: 'zh',
                display: 'bottom',
                dateFormat: 'yyyy-mm-dd', // 日期格式
                dateOrder: 'yymmdd', //面板中日期排列格式
                defaultValue: new Date(new Date().setFullYear(currYear - 20)),
                maxDate: new Date(new Date().setFullYear(currYear + 100)),
                minDate: new Date(new Date().setFullYear(currYear - 10))
            });
        });
    </script>
</head>
<body>
<div class="viewport">
    <div class="header">
       <div class="header-1">
           <a href="javascrpt:void(0)" id="join" class="header-2">
              <span id="account" class="account">${empty user.realName ? '' : user.realName}</span>&nbsp;&nbsp;<span id="deptName" class="deptName">${user.departmentName}</span>
           </a>
           <a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=store&prefix=3g_platform_shop-rent_op&entrance=yes" class="back" id="back">返回</a>
           <span class="span-num">WYP33110</span>
       </div>
    </div>
    <div class="content m-top">
        <div class="blank"></div>
        <div class="sr-1">
            <div class="sr-1-1"><span style="float:left;font-size:12px;">大棚交易区</span><span style="position:absolute;left:40%;font-size:12px;"><b>大棚交易一区</b>&nbsp;&nbsp;&nbsp;&nbsp;<b>1001号</b></span></div>
            <div class="hr"></div>
            <div class="sr-1-1"><span style="float:left;">租/售计量面积：<b>268.41</b>&nbsp;m²</span><span style="position:absolute;left:45%;">商铺类型：<b>双停车位+一室一卫</b></span></div>
            <div class="hr"></div>
            <div class="sr-1-1"><span style="float:left;">商铺专用车位数量：<b>2</b>&nbsp;个</span><span style="position:absolute;left:45%;">专用车位总面积：<b>98.32</b>&nbsp;m²</span></div>
            <div class="hr"></div>
            <div class="sr-1-1"><span style="float:left;">房间建筑面积：<b>30.01</b>&nbsp;m²</span><span style="position:absolute;left:45%;">附属经营区域面积：<b>38.12</b>&nbsp;m²</span></div>
            <div class="hr"></div>
        </div>
        <div class="blank"></div>
        <div class="sr-2">
            <div class="sr-2-1"><a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=tenant-information&prefix=3g_platform_shop-rent_yp" style="font-size:12px;"><img alt="" src="<%=basepath%>images/sr.png" style="width:36px;position:relative;top:-2px;"><span>承租人姓名：<b style="font-weight:400;">李铭顺</b></span><span style="position:absolute;left:55%;color:#3182A7;">13807190026</span><img alt="" src="<%=basepath%>images/b43.png" style="float:right;width:40px;position:relative;top:4px;"></a></div>
        </div>
        <div class="blank"></div>
        <div class="sr-2">
            <div class="sr-2-1"><span style="font-size:16px;font-weight:bold;">租金协议</span><a href="javascript:void(0)" class="sure">确 认</a></div>
        </div>
        <div class="hr"></div>
        <div class="sr-1">
            <div class="sr-1-1">
                <span style="float:left;">租赁方式：
                <select style="font-size:12px;">
                    <option value="">短租:半年</option>
                    <option value="">短租:一年</option>
                    <option value="">短租:两年</option>
                    <option value="">租用:三年</option>
                    <option value="">租用:五年</option>
                    <option value="">长租:十年</option>
                    <option value="">长租:二十年</option>
                    <option value="">长租:二十六年</option>
                </select>
                </span>
                <span style="position:absolute;left:55%;">租售状态：
                <select style="font-size:12px;">
                    <option value="">已出租</option>
                    <option value="">已出售</option>
                    <option value="">等待出租</option>
                    <option value="">等待出售</option>
                    <option value="">自营物业</option>
                    <option value="">已出租</option>
                    <option value="">已出租</option>
                    <option value="">已出租</option>
                </select>
                </span>
            </div>
            <div class="hr"></div>
            <div class="sr-1-1">
                <span style="float:left;">租金方式：
                <select style="font-size:12px;">
                    <option value="">保证金+月度租金</option>
                    <option value="">保证金+季度租金</option>
                    <option value="">保证金+半年</option>
                    <option value="">保证金+整年</option>
                </select>
                </span>
                <span style="position:absolute;left:50%;"><span style="display:inline-block;text-align:right;width:72px;">定金：</span><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元</span></span>
            </div>
            <div class="hr"></div>
            <div class="sr-1-1">
                <span style="float:left;"><span style="display:inline-block;text-align:left;">租金标准：</span><span style="position:absolute;left:92px;"><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/m²•月</span></span></span>
                <span style="position:absolute;left:50%;"><span style="display:inline-block;text-align:right;width:72px;">月租标准：</span><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/月</span></span>
            </div>
            <div class="hr"></div>
            <div class="sr-1-1">
                <span style="float:left;"><span style="display:inline-block;text-align:left;">物业管理费标准：</span><span style="position:absolute;left:92px;"><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/m²•月</span></span></span>
                <span style="position:absolute;left:50%;"><span style="display:inline-block;text-align:right;width:72px;">物业管理费：</span><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/月</span></span>
            </div>
            <div class="hr"></div>
            <div class="sr-1-1">
                <span style="float:left;"><span style="display:inline-block;text-align:left;">垃圾清运费标准：</span><span style="position:absolute;left:92px;"><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/m²•月</span></span></span>
                <span style="position:absolute;left:50%;"><span style="display:inline-block;text-align:right;width:72px;">垃圾清运费：</span><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/月</span></span>
            </div>
            <div class="blank-b"></div>
            <div class="sr-1-1">
                <span style="float:left;">缴款方式：
                <select style="font-size:12px;">
                    <option value="">&nbsp;每月1日前，预缴本月租金</option>
                    <option value="">&nbsp;每季度首月1日前，预缴本季度租金</option>
                    <option value="">&nbsp;每年元月1日前，预缴本年度租金</option>
                    <option value="">&nbsp;每年元月1日前，预缴本年度租金</option>
                    <option value="">&nbsp;预缴一定年限的租金</option>
                    <option value="">&nbsp;其他方式</option>
                </select>
                </span>
            </div>
            <div class="hr"></div>
            <div class="sr-1-1">
                <span style="float:left;"><span>起租时间：</span><input type="text" name="" id="demo" placeholder="请选择起租时间" style="border:none;width:100px;font-size:12px;" readonly="readonly"></span>
                <span style="position:absolute;left:50%;"><span>终止时间：</span><input type="text" name="" id="demo2" placeholder="请选择终止时间" style="border:none;width:100px;font-size:12px;" readonly="readonly"></span>
            </div>
            <div class="blank-b"></div>
            <div class="sr-2">
                <div class="sr-2-1"><span style="font-size:14px;font-weight:bold;">招商优惠及特殊政策</span><span style="font-size:14px;float:right;">实际租赁周期：<span></span>24个月</span></div>
            </div>
            <div class="hr"></div>
            <div class="sr-1-1">
                <span style="float:left;"><span style="display:inline-block;text-align:left;">优惠期月数：</span><span style="position:absolute;left:92px;"><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;个月</span></span></span>
                <span style="position:absolute;left:45%;"><span style="display:inline-block;text-align:right;width:96px;">预付租金月数：</span><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/月</span></span>
            </div>
            <div class="hr"></div>
            <div class="sr-1-1">
                <span style="float:left;"><span style="display:inline-block;text-align:left;">租金优惠：</span><span style="position:absolute;left:92px;"><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/月</span></span></span>
                <span style="position:absolute;left:45%;"><span style="display:inline-block;text-align:right;width:96px;">优惠期应缴月租：</span><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/月</span></span>
            </div>
            <div class="hr"></div>
            <div class="sr-1-1">
                <span style="float:left;"><span style="display:inline-block;text-align:left;">物业费优惠：</span><span style="position:absolute;left:92px;"><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/月</span></span></span>
                <span style="position:absolute;left:45%;"><span style="display:inline-block;text-align:right;width:96px;">优惠期物业费：</span><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/月</span></span>
            </div>
            <div class="hr"></div>
            <div class="sr-1-1">
                <span style="float:left;"><span style="display:inline-block;text-align:left;">垃圾清运费优惠：</span><span style="position:absolute;left:92px;"><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/月</span></span></span>
                <span style="position:absolute;left:45%;"><span style="display:inline-block;text-align:right;width:96px;">垃圾清运费：</span><input type="text" name="" style="width:50px;border:1px solid #ccc;text-align:right;"><span>&nbsp;元/月</span></span>
            </div>
            <div class="blank-b"></div>
            <div class="sr-2">
                <div class="sr-2-1"><span style="font-size:12px;">本期应缴押金：<span style="color:#ff0000;">2000</span>&nbsp;元</span><span style="font-size:12px;float:right;">本期应缴费用：<span style="color:#ff0000;">44604</span>&nbsp;元</span></div>
            </div>
        </div>
    </div>
    <div class="space"></div>
</div>
</body>
<script type="text/javascript">
     /*错误提示*/
     $(function(){
         var error = "${requestScope.returnMsg}";
         if(error != "" && error != "成功!"){
             layer.msg(error,{shadeClose:true,shade:0.1,time:2000});
         }
     });
</script>
</html>


